<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet"  type="text/css" href="/static/pc/css/reset.css">
  <link rel="stylesheet"  type="text/css" href="/static/pc/css/faq.css">
</head>
<body>
  <div class="main-content clear">
    <div class='menu'>
      <div class="menu-tab1 selected">
        <a href="#">第1章-认识jquery</a>
      </div>
      <div class="menu-tab2">
        <a href="#">第2章-jquery选择器</a>
      </div>
      <div class="menu-tab3">
        <a href="#">第3章-jquery中的Dom操作</a>
      </div>
    </div>
    <div class="content">
      <div class="content1 active">
        <div class="sub-menu">
          <div class="sub-menu-active">1.1-JavaScript 和 JavaScript库</div>
          <div>1.2-加入jquery</div>
          <div>1.3-编写简单jquery代码</div>
          <div>1.4-jquery对象和dom对象</div>
        </div>
        <div class="sub-content">
          <div class="sub-content-active">a1</div>
          <div>a2</div>
          <div>a3</div>
          <div>a4</div>
        </div>
      </div>
      <div class="content2">2</div>
      <div class="content3">3</div>
    </div>
  </div>
  <!-- <div id="menu">
    <div class="has_children">
      <span>第1章-认识jquery</span>
      <a href="#">1.1-JavaScript 和 JavaScript库</a>
      <a href="#">1.2-加入jquery</a>
      <a href="#">1.3-编写简单jquery代码</a>
      <a href="#">1.4-jquery对象和dom对象</a>
      <a href="#">1.5-解决jquery和其他库的冲突</a>
      <a href="#">1.6-jquery开发工具和插件</a>
      <a href="#">1.7-小结</a>
    </div>
    <div class="has_children">
      <span>第2章-query选择器</span>
      <a href="#">2.1-jquery选择器是什么</a>
      <a href="#">2.2-jquery选择器的优势</a>
      <a href="#">2.3-jquery选择器</a>
      <a href="#">2.4-应用jquery改下示例</a>
      <a href="#">2.5-选择器中的一些注意事项</a>
      <a href="#">2.6-案例研究——类似淘宝网品牌列表的效果</a>
      <a href="#">2.7-还有其他选择器么？</a>
      <a href="#">2.8-小结</a>
    </div>
    <div class="has_children">
      <span>第3章-jquery中的Dom操作</span>
      <a href="#">3.1-Dom操作的分类</a>
      <a href="#">3.2-jquery中的Dom操作</a>
      <a href="#">3.3-案例研究——某网站超链接和图片提示效果</a>
      <a href="#">3.4-小结</a>
    </div>
  </div> -->
  <script src="/static/bower_components/jquery/dist/jquery.min.js"></script>
  <script src="/static/pc/js/faq.js"></script>
</body>
</html>